
@mixin color-button($name, $backcolor, $pressbackcolor, $fontcolor: '#fff', $pressfontcolor: '#fff') {    
	.x-button.x-button-#{$name}
	{
		height:2.3em;
		background-color: #{$backcolor};
		background-image: none;
		border-color: #{$backcolor};
		@include border-radius(2px);
				
		&.x-item-disabled
		{
			border-color: #ccc;
			background-color: #ccc;
		}
		.x-button-label, .x-button-icon
		{
			color:#{$fontcolor};
		}
		
		&.x-button-pressing
		{
			background-color: #{$pressbackcolor};
			border-color: #{$pressbackcolor};
			
			.x-button-label, .x-button-icon
			{
				color:#{$pressfontcolor};
			}
		}
	}
}